html,body,div,span,
applet,object,iframe,code,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	text-align: left;
}

html,body {
	font: 12px SimSun;
	width: 100%; 
	height: 100%;
	background:#fff ;
}

	.base {
		margin: 0 auto;
		width: 1001px;
		text-align: center;
		position: relative;
	}
	
	#photo {
		width: 1001px;
		height: 359px;
		overflow: hidden;
	}

		#photo ul {
			margin-left: 0;
			width: 4004px;
		}
		
		#photo ul li {
			display: block;
			float: left;
		}

	#photo img {
		display: block;
	}

	#details {
	}
	
	#hover-box {
		height: 23px;
		margin-top: -23px;
		position: relative;
		z-index: 30;
	}

	#thumbs {
		position: absolute;
		height: 100px;
		padding: 3px 0 0 0;
		bottom: 0;
		opacity: 0;
		display: none;
	}

	#thumbs ul {
		width: 325px;
		float:left;
	}
	
	#thumbs ul li {
		display: inline-block;
		float: left;
		padding: 0 2px 0 2px;
	}

	#thumbs p {
		color: #fff;
		font-size: 9px;
		padding: 2px 5px 5px 5px;
		letter-spacing: normal;
		font-family: Arial, Helvetica, sans-serif;
		clear: both;
	}

	#thumbs img {
		border: solid 1px #fff;
		position: relative;
		z-index: 1;
	}
	
	#thumbs a.highlight img {
		border: solid 1px #ff9933;
	}
		
		#thumbs ul li a:link, #thumbs ul li a:visited {
			position: relative;
			display: block;
			outline: none;
		}

		#thumbs ul li a span {
			display: block;
			width: 64px;
			height: 31px;
			border: solid 5px #fff;
			opacity: .68;
			filter: alpha(opacity=68);
			position: absolute;
			z-index: 20;
			top: 1px;
			left: 1px;
		}
		
		#thumbs ul li a.highlight span {
			border-color: #ff9933;
			opacity: .6;
		}

	#navigation {
		background:url("../images/flashBg.png") repeat-x;
		height: 76px;
		width: 1001px;
		z-index: 1;
		position: absolute;
		bottom: 0;
	}
	
	#navigation ul {
		width: 104px;
		height: 25px;
		float: left;
		display: inline;
		padding:25px 0 0 40px;
	}
	
	#navigation ul li {
		width: 21px;
		float: left;
		padding: 0px 0 0 0;
		margin-right:5px;
	}

	#navigation a:link, #navigation a:visited {
		font-size: 10px;
		text-decoration: none;
		color: #fff;
		outline: none;
	}

	#navigation a:hover, #navigation a:focus {
		background:url("../images/box.png") no-repeat;
	}
	
	#navigation ul li a:hover, #navigation ul li a:focus {
		background:url("../images/box.png") no-repeat;
	}

	#navigation ul li a.highlight:hover, #navigation ul li a.highlight:focus {
		background:url("../images/boxOn.png") no-repeat;
	}

	#navigation ul li a.highlight:link, #navigation ul li a.highlight:visited {
		background:url("../images/boxOn.png") no-repeat;
	}

	#navigation ul li a:link, #navigation ul li a:visited {
		display: block;
		float: left;
		width: 21px;
		height: 23px;
		background:url("../images/box.png") no-repeat;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-indent: -9999em;
		overflow: hidden;
	}
